การเลื่อนเคอร์เซอร์ไปยัง input ตัวถัดไป เมื่อกด Enter
มีคำถามจากบอร์ดถึงการเลื่อนเคอร์เซอร์ไปยัง input ตัวถัดไปเมื่อกด Enter (Cross Browser) ซึ่งโดยปกติแล้ว เรามักใช้การกด TAb เพื่อเลื่อนไปยังตัวถัดไป ผมนำมาลงให้ไว้ที่นี่แล้วครับ
<script type="text/javascript">
function nextbox(e, id) {
// อ่าน keycode (cross browser)
var keycode = e.which || e.keyCode;
// ตรวจสอบ keycode (13 คือ กด enter)
if (keycode == 13) {
// ย้ายโฟกัสไปยัง input ที่ id
document.getElementById(id).focus();
// return false เพื่อยกเลิกการ submit form
return false;
}
}
</script>
<form method="post" action="test.php">
<input type="text" id="no1" onkeydown="return nextbox(event, 'no2');" />
<input type="text" id="no2" onkeydown="return nextbox(event, 'no3');" />
<input type="text" id="no3" />
<input type="submit" />
</form>